<style>
h3.curv {margin:0; padding:10px 0 0 51px; background: url('http://i.d.com.com/i/dl/publ/popup_top_01.png') no-repeat top left; *background: url('http://i.d.com.com/i/dl/publ/popup_top_01.gif') no-repeat top left; width:363px; min-height: 190px; *height: 190px; z-index:30; text-align: left;}
h3.curv p {margin:0;padding:0 0 4px 0;color:#000;font:normal 10px verdana,helvetica;text-decoration:none;text-align: left;}
h3.curv span.red {color:#900;font:normal 10px verdana,helvetica;display:inline;}
div.innerC {width:363px; height:24px; background: url('http://i.d.com.com/i/dl/publ/popup_btm_02.png') no-repeat top left; *background: url('http://i.d.com.com/i/dl/publ/popup_btm_02.gif') no-repeat top left; margin-right: 60px; z-index: 30;}

.infoboxstyle {position: relative; z-index: 30; width:363px; height: 220px;} 
.infoboxstyle * {visibility: "visible"; position: relative; z-index: 31;}

div.popupDetails {width: 280px; padding: 0px 0px 0px 18px;}
div.popupDetails .prodlistName {color:#000; font:bold 16px arial,helvetica;padding-bottom: 4px;}
div.popupDetails img {
	padding: 6px 8px 0px 0px;
}
div.popupDetails h2{
	padding-bottom: 4px;
}
</style>
<div id="popupDetailHTML" style="display: none">
	<div class="infoboxstyle">
		<div class="dis">
			<h3 class="curv">
			<div class="popupDetails">
			  <h2>%name%</h2>
				<img src="%thumbnail%" width="88" height="140" align="left">
			  <div style="float: left; width: 175px;">
					<p><b>Directed By:</b> %director%</p>
					<p><b>Written By:</b> %writer%</p>
					<p><b>Starring:</b> %starring%</p>
					<p><b>Run time:</b> %duration%</p>
				</div>
			</div>
			</h3>
		<div class="innerC"></div>
		</div>
	</div>
</div>
<h2>PopupDetail</h2>
<img src="UserTests/UI/jones1.jpg" width="88" height="140" id="raidersThumb">
<h2>PopupDetail (ajax)</h2>
<img src="UserTests/UI/jones1.jpg" id="raidersThumbAjax" height="140" width="88">